<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title> 小米商城 - Xiaomi 11 Ultra、Redmi K40 Pro、MIX FOLD，小米电视官方网站</title>
    <link rel="stylesheet" href="../fa/css/all.css">
    <!--引进all图标的样式表-->
    <link rel="stylesheet" href="../css/index.css">
    <!--引进内部的样式表-->
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/媒体查询.css">
</head>

<body>
    <div class="header-box">
    <div class="header">
        <!--创建最外部的框架-->
        <!--创建最顶部的导航栏-->
        <div class="topbarwrapper">
            <a id="top" href="#"></a>
            <!--创建顶部的最左边的容器-->
            <div class="topbar-nav">
                <!--左边导航-->
                <ul class="top-first">
                    <li class="s">
                        <a href="Javascrip:;"> 小米商城</a>
                       
                    </li>
                    <li> <span>|</span></li>
                    <li class="s">
                        <a href="Javascrip:;" >MIUI</a>
                    </li>

                      <li> <span>|</span></li>

                    <li class="s">
                        <a href="Javascrip:;"> loT</a>
                       
                    </li>
                    <li> <span>|</span></li>

                    <li class="s">
                        <a href="Javascrip:;"> 云服务</a>
                        
                    </li>
                    <li> <span>|</span></li>

                    <li class="s">
                        <a href="Javascrip:;">天星数科</a>
                       
                    </li>
                     <li> <span>|</span></li>

                    <li class="s">
                        <a href="Javascrip:;"> 有品</a>
                    </li>
                                        <li> <span>|</span></li>

                    <li class="s">
                        <a href="Javascrip:;"> 小爱开放平台</a>
                    </li>
                    <li> <span>|</span></li>
                    <li class="s">
                        <a href="Javascrip:;"> 企业团购</a>
                    </li>
                                        <li> <span>|</span></li>

                    <li class="s">
                        <a href="Javascrip:;"> 资质证照</a>
                    </li>
                    <li class="s">
                        <a href="Javascrip:;"> 协议规则</a>
                    </li>
                                        <li> <span>|</span></li>

                    <li class="s1">
                        <a href="Javascrip:;"> 下载app</a>
                          <!--下载APP-->
                          <div class="jiao"></div>
              <div class="APP">
                <img src="../image/屏幕截图 2022-04-15 171917.png">
                <span>小米商城APP</span>
            </div>
                    </li>
<li> <span>|</span></li>

                    <li class="s">
                        <a href="Javascrip:;"> Select Location</a>
                    </li>

                </ul>
              
                <!-- 登录注册消息通知 -->
            <div class="top-second">
                <ul>
                <li class="s">
                        <a class="login" href="Javascrip:;">登录</a>
                        <span>|</span>
                    </li>
                    <li class="s">
                        <a href="Javascrip:;">注册</a>
                        <span>|</span>
                    </li>
                    <li class="s">
                        <a href="Javascrip:;">消息通知</a>
                    </li> 
                 </ul></div>
                    <!--购物车及其图片-->
                <div class="top-right">
             
                    <div class="top-right1">
                       
                           <a href="Javascript:;">
                            <i class="fas fa-shopping-cart">购物车（0）</i>
                           </a>
                        </div>
            <!-- 购物车的下拉列表 -->
                <div class="top-right2">
                  购物车中还没有商品，赶紧选购吧！
                </div>       
                </div>
            </div>
            
        </div>
        <!-- 小米logo导航栏及其下拉列表 -->
        <div class="size-header">
            <a href="//www.mi.com/index.html" title="小米官网" class="logo">
                <img src="../image/logo-mi2.png">
            <div class="header-logo">
                <!--小米logo-->
           小米官网
        </div></a>
        <div class="header-1">
            <ul class="nav1">
               <a href="#"> <li class="nav1a">
                 <span class="w">Xiaomi手机</span>  
                   <!--小米手机的下拉列表-->
            <div class="container1">
                <ul class="children-list1">
                    <li>
                     <a href="https://www.mi.com/mi12pro">
                         <img src="../image/小米手机1.png">
                         <br></br>
                         <span class="s2">Xiaomi 12 Pro</span>
                         <span class="s3">4699元起</span>
                     </a>   
                    </li>
                   <li><div class="cut"></div></li>
                    <li>
                        <a href="https://www.mi.com/mi12 ">
                            <img src="../image/小米手机2.png">
                            <br></br>
                            <span class="s2">Xiaomi 12</span>
                            <span class="s3">3699元起</span>
                        </a>   
                    </li>
                    <li><div class="cut"></div></li>
                    <li>
                        <a href="https://www.mi.com/mi12x ">
                            <img src="../image/小米手机3.png">
                            <br></br>
                            <span class="s2">Xiaomi 12X</span>
                            <span class="s3">2999元起</span>
                        </a>  
                    </li>
                    <li><div class="cut"></div></li>
                    <li>
                        <a href="https://www.mi.com/mi11le-5g-ne ">
                            <img src="../image/小米手机4.png">
                            <br></br>
                            <span class="s2">Xiaomi 11 青春活力版</span>
                            <span class="s3">1899元起</span>
                        </a>  
                    </li>
                    <li><div class="cut"></div></li>
                    <li>
                        <a href="https://www.mi.com/xiaomicivi ">
                            <img src="../image/小米手机5.png">
                            <br></br>
                            <span class="s2">Xiaomi Civi</span>
                            <span class="s3">2299元起</span>
                        </a> 
                    </li>
                    <li><div class="cut"></div></li>
                    <li>
                        <a href="https://www.mi.com/mix4 ">
                            <img src="../image/小米手机6.png">
                            <br></br>
                            <span class="s2">Xiaomi MIX 4</span>
                            <span class="s3">4199元起</span>
                        </a> 
                    </li>
                </ul>
            </div></li>
                   </a>
                   <a href="#">
                <li class="nav1b">
                 <span class="w"> Redmi红米</span>
                     <!--红米手机的下拉列表-->
            <div class="container2">
                <ul class="children-list1">
                    <li>
                     <a href="https://www.mi.com/redmi10a">
                         <img src="../image/红米1.png">
                         <br></br>
                         <span class="s2">Redmi 10A</span>
                         <span class="s3">649元起</span>
                     </a>   
                    </li>
                   <li><div class="cut"></div></li>
                    <li>
                        <a href="https://www.mi.com/redmik50pro">
                            <img src="../image/红米2.png">
                            <br></br>
                            <span class="s2">Redmi K50 Pro</span>
                            <span class="s3">2999元起</span>
                        </a>   
                    </li>
                    <li><div class="cut"></div></li>
                    <li>
                        <a href="https://www.mi.com/redmik50 ">
                            <img src="../image/红米3.png">
                            <br></br>
                            <span class="s2">Redmi K50</span>
                            <span class="s3">2399元起</span>
                        </a>  
                    </li>
                    <li><div class="cut"></div></li>
                    <li>
                        <a href=" https://www.mi.com/redmik40s">
                            <img src="../image/红米4.png">
                            <br></br>
                            <span class="s2">RedmiK40S</span>
                            <span class="s3">1799元起</span>
                        </a>  
                    </li>
                    <li><div class="cut"></div></li>
                    <li>
                        <a href="https://www.mi.com/redmik50g ">
                            <img src="../image/红米5.png">
                            <br></br>
                            <span class="s2">Redmi K50</span>
                            <span class="s3">3299元起</span>
                        </a> 
                    </li>
                    <li><div class="cut"></div></li>
                    <li>
                        <a href="https://www.mi.com/redminote11pro">
                            <img src="../image/红米6.png">
                            <br></br>
                            <span class="s2">Redmi Note 11 Pro系列</span>
                            <span class="s3">1799元起</span>
                        </a> 
                    </li>
                </ul>
            </div>
                   </li></a>
                   
                   <a href="#">
                <li class="nav1c">
                    <span class="w">电视</span>
                  <!--电视的下拉列表-->
                    <div class="container3">
                        <ul class="children-list1">
                            <li>
                             <a href="https://www.mi.com/buy/detail?product_id=15100">
                                 <img src="../image/电视1.png">
                                 <br></br>
                                 <span class="s4">Redmi智能电视X55 2022</span>
                                 <span class="s5">2599元起</span>
                             </a>   
                            </li>
                           <li><div class="cut"></div></li>
                            <li>
                                <a href="https://www.mi.com/buy/detail?product_id=15101">
                                    <img src="../image/电视2.png">
                                    <br></br>
                                    <span class="s4">Redmi智能电视X65 2022</span>
                                    <span class="s5">3399元起</span>
                                </a>   
                            </li>
                            <li><div class="cut"></div></li>
                            <li>
                                <a href="https://www.mi.com/mitv6/65oled ">
                                    <img src="../image/电视3.png">
                                    <br></br>
                                    <span class="s4">小米电视6 65" OLED</span>
                                    <span class="s5">6999元起</span>
                                </a>  
                            </li>
                            <li><div class="cut"></div></li>
                            <li>
                                <a href="https://www.mi.com/mitv/oled77">
                                    <img src="../image/电视4.png">
                                    <br></br>
                                    <span class="s4">小米电视 大师77" OLED</span>
                                    <span class="s5">17999元起</span>
                                </a>  
                            </li>
                            <li><div class="cut"></div></li>
                            <li>
                                <a href="https://www.mi.com/mitv-great/hyaline">
                                    <img src="../image/电视5.png">
                                    <br></br>
                                    <span class="s4">小米透明电视</span>
                                    <span class="s5">49999元起</span>
                                </a> 
                            </li>
                            <li><div class="cut"></div></li>
                            <li>
                                <a href="https://www.mi.com/buy/detail?product_id=12049">
                                    <img src="../image/电视6.png">
                                    <br></br>
                                    <span class="s4">小米电视 大师 65英寸OLED</span>
                                    <span class="s5">8999元起</span>
                                </a> 
                            </li>
                        </ul>
                    </div>
                    </li>
                    </a>
                    <a href="#">
                <li class="nav1d">
                    <span class="w"> 笔记本</span>
                     <!--笔记本的下拉列表-->
                     <div class="container4">
                        <ul class="children-list1">
                            <li>
                             <a href="https://www.mi.com/buy/detail?product_id=10000376">
                                 <img src="../image/笔记本1.png">
                                 <br></br>
                                 <span class="s4">Redmi Book Pro 14 2022</span>
                                 <span class="s5">5399元起</span>
                             </a>   
                            </li>
                           <li><div class="cut"></div></li>
                            <li>
                                <a href="https://www.mi.com/buy/detail?product_id=10000377">
                                    <img src="../image/笔记本2.png">
                                    <br></br>
                                    <span class="s4">Redmi Book Pro 15 2022</span>
                                    <span class="s5">5599元起</span>
                                </a>   
                            </li>
                            <li><div class="cut"></div></li>
                            <li>
                                <a href="https://www.mi.com/buy/detail?product_id=10000320 ">
                                    <img src="../image/笔记本3.png">
                                    <br></br>
                                    <span class="s4">RedmiBook Pro 15 增强版</span>
                                    <span class="s5">5299元起</span>
                                </a>  
                            </li>
                            <li><div class="cut"></div></li>
                            <li>
                                <a href="https://www.mi.com/buy/detail?product_id=10000361">
                                    <img src="../image/笔记本4.png">
                                    <br></br>
                                    <span class="s4">小米笔记本 Pro 12 锐龙版</span>
                                    <span class="s5">5499元起</span>
                                </a>  
                            </li>
                            <li><div class="cut"></div></li>
                            <li>
                                <a href="https://www.mi.com/buy/detail?product_id=10000297">
                                    <img src="../image/笔记本5.png">
                                    <br></br>
                                    <span class="s4">RedmiBook Pro 14 锐龙版</span>
                                    <span class="s5">4699元起</span>
                                </a> 
                            </li>
                            <li><div class="cut"></div></li>
                            <li>
                                <a href="https://www.mi.com/redmibook/game-intel">
                                    <img src="../image/笔记本6.png">
                                    <br></br>
                                    <span class="s4">Redmi G 2021 Intel版</span>
                                    <span class="s5">5499元起</span>
                                </a> 
                            </li>
                        </ul>
                    </div>
                   </li>
                    </a>
                    <a href="#">
                <li class="nav1e">
                    <span class="w">平板</span>
                      <!--平板的下拉列表-->
                      <div class="container5">
                        <ul class="children-list1">
                            <li>
                             <a href="https://www.mi.com/xiaomipad5">
                                 <img src="../image/平板1.png">
                                 <br></br>
                                 <span class="s2">小米平板5</span>
                                 <span class="s3">1999元起</span>
                             </a>   
                            </li>
                           <li><div class="cut"></div></li>
                            <li>
                                <a href="https://www.mi.com/xiaomipad5pro5G">
                                    <img src="../image/平板2.png">
                                    <br></br>
                                    <span class="s2">小米平板5 Pro 5G</span>
                                    <span class="s3">3499元起</span>
                                </a>   
                            </li>
                            <li><div class="cut"></div></li>
                            <li>
                                <a href="https://www.mi.com/xiaomipad5pro ">
                                    <img src="../image/平板3.png">
                                    <br></br>
                                    <span class="s2">小米平板5 Pro</span>
                                    <span class="s3">2399元起</span>
                                </a>  
                            </li>
                            
                        </ul>
                    </div>
                    </li>
                    </a>
                    <a href="#">
                <li class="nav1f">
                <span class="w">  家电</span>
                  <!--家电的下拉列表-->
                  <div class="container6">
                    <ul class="children-list1">
                        <li>
                         <a href="https://www.mi.com/buy/detail?product_id=13607">
                             <img src="../image/家电1.png">
                             <br></br>
                             <span class="s4">巨省电| 米家空调 新一级 1.5匹</span>
                             <span class="s6">睡眠版</span>
                             <span class="s5">2299元起</span>
                         </a>   
                        </li>
                       <li><div class="cut"></div></li>
                        <li>
                            <a href="https://www.mi.com/buy?product_id=14306">
                                <img src="../image/家电2.png">
                                <br></br>
                                <span class="s4">巨省电 3匹|变频率|新一级能效（鎏</span>
                                <span class="s6">金款）</span>
                                <span class="s5">5699元起</span>
                            </a>   
                        </li>
                        <li><div class="cut"></div></li>
                        <li>
                            <a href="https://www.mi.com/buy?product_id=10952 ">
                                <img src="../image/家电3.png">
                                <br></br>
                                <span class="s4">米家风冷对开门冰箱 483L</span>
                                <span class="s5">2399元起</span>
                            </a>  
                        </li>
                        <li><div class="cut"></div></li>
                        <li>
                            <a href="https://www.mi.com/buy?product_id=12961 ">
                                <img src="../image/家电4.png">
                                <br></br>
                                <span class="s4">米家扫拖机器人1T</span>
                                <span class="s5">1999元起</span>
                            </a>  
                        </li>
                        <li><div class="cut"></div></li>
                        <li>
                            <a href="https://www.mi.com/buy?product_id=11214 ">
                                <img src="../image/家电5.png">
                                <br></br>
                                <span class="s4">小米净化器S1 800G</span>
                                <span class="s5">1899元起</span>
                            </a>  
                        </li>
                    </ul>
                  </div>
              </li>
                    </a>
                    <a href="#">
                <li class="nav1g">
                    <span class="w">路由器</span>
             <!--路由器的下拉列表-->
             <div class="container7">
                <ul class="children-list1">
                    <li>
                     <a href="https://www.mi.com/rm5400">
                         <img src="../image/路由器1.png">
                         <br></br>
                         <span class="s4">Redmi电竞路由器AX5400</span>
                         <span class="s5">599元起</span>
                     </a>   
                    </li>
                   <li><div class="cut"></div></li>
                    <li>
                        <a href="https://www.mi.com/r6000">
                            <img src="../image/路由器2.png">
                            <br></br>
                            <span class="s4">小米路由器AX6000</span>
                            <span class="s5">599元起</span>
                        </a>   
                    </li>
                    <li><div class="cut"></div></li>
                    <li>
                        <a href="https://www.mi.com/buy/detail?product_id=12673 ">
                            <img src="../image/路由器3.png">
                            <br></br>
                            <span class="s4">Redmi路由器AX6</span>
                            <span class="s5">349元起</span>
                        </a>  
                    </li>
                    <li><div class="cut"></div></li>
                    <li>
                        <a href="https://www.mi.com/buy/detail?product_id=13877">
                            <img src="../image/路由器4.png">
                            <br></br>
                            <span class="s4">小米路由器AX9000</span>
                            <span class="s5">1299元起</span>
                        </a>  
                    </li>
                    <li><div class="cut"></div></li>
                    <li>
                        <a href="https://www.mi.com/rm2100">
                            <img src="../image/路由器5.png">
                            <br></br>
                            <span class="s4">Redmi】路由器AC2100</span>
                            <span class="s5">199元起</span>
                        </a> 
                    </li>
                    <li><div class="cut"></div></li>
                    <li>
                        <a href="https://www.mi.com/miwifi4ac">
                            <img src="../image/路由器6.png">
                            <br></br>
                            <span class="s4">小米路由器4A 千兆版</span>
                            <span class="s5">129元起</span>
                        </a> 
                    </li>
                </ul>
            </div>

                    </li></a>
                    <a href="#">
                <li class="nav1i">
                    <span class="w">服务</span>
                    <div class="wait"></div>
                    </li>
                    </a>
                    <a href="#">
                <li class="nav1z"> 
                    <span class="w">社区</span>
                    </li>
                    </a>
            </ul> 
           
        </div>
         <div class="header-2">
            <input type="text" placeholder="手机" class="in">
           <a href="#" class="asearch">
               <div class="search">
                   <!--搜索图标-->
             <!-- <i class="fas fa-search"></i> -->
             <span  class="asearch-s">搜索</span>
            </div>
        </a> 
        </div>
    <!--搜索框的下拉列表-->
    <div class="search-list">
      <a href="https://www.mi.com/search"> <span>全部商品</span></a>
      <a href="https://www.mi.com/search"> <span>小米手机</span></a>
      <a href="https://www.mi.com/search"><span>冰箱</span></a>
      <a href="https://www.mi.com/search"> <span>红米</span></a>
      <a href="https://www.mi.com/search"><span>小米平板5 Pro</span></a> 
      <a href="https://www.mi.com/search"><span>耳机</span></a> 
      <a href="https://www.mi.com/search"><span>显示器</span></a>
      <a href="https://www.mi.com/search"><span>洗衣机</span></a> 
    </div> 
    </div>
</div>
    <!--中间部分及其轮播图-->
    <div class="banner">
        <!--左边盒子-->
        <div class="left-banner">
            <ul class="nav2">
               <li class="left1"><a href="#">
                   <span class="c">手机</span>
                   <img src="../image/右箭头 1.png" class="pic"></a> 
             
          
                </li>
                <li class="left1">
                    <a href="#">
                    <span class="c">电视</span>
                    <img src="../image/右箭头 1.png" class="pic"></a>
        
                </li>
               
                <li class="left1">
                     <a href="#">
                    <span class="c">笔记本 平板</span>
                    <img src="../image/右箭头 1.png" class="pic"></a>
                </li>
                  <li class="left1"><a href="#">
                    <span class="c">家电</span>
                    <img src="../image/右箭头 1.png" class="pic"></a>
                  
                </li>
                <li class="left1"><a href="#"> 
                    <span class="c">出行 穿戴</span>
                    <img src="../image/右箭头 1.png" class="pic"></a>
                   
                </li>
              <li class="left1">  <a href="#">
                    <span class="c">智能 路由器</span>
                    <img src="../image/右箭头 1.png" class="pic"></a>
                   
                </li>
                <li class="left1">
                    <a href="#">
                    <span class="c">电源 配件</span>
                    <img src="../image/右箭头 1.png" class="pic"></a>
                </li>
            <li class="left1"><a href="#">
                <span class="c">健康儿童</span>
                <img src="../image/右箭头 1.png" class="pic">
                </a>

            </li>
             <li class="left1">
                <a href="#">
                <span class="c">耳机音箱</span>
                <img src="../image/右箭头 1.png" class="pic"></a>

            </li>
           <li class="left1">
            <a href="#">  
                <span class="c">生活 箱包</span>
                <img src="../image/右箭头 1.png" class="pic"></a>
            </li>
            </ul>
        </div>
        <div class="back-box"></div>
        <!--中间左边部分移入显示的盒子以及轮播图盒子-->
        <div class="mid-banner">
              <!--中间左侧列表鼠标移入移出的显示盒子-->
   <div class="bannerwrapper1">
        <!--手机右侧盒子-->
        <div class="banner1">
            <ul class="b1">
                <li><a href="https://www.mi.com/blackshark5pro">
                    <img src="../image/黑鲨5 Pro.jpg">
                    <span class="s-left">黑鲨5 Pro</span></a></li>
                <li><a href="https://www.mi.com/blackshark5">
                <img src="../image/黑鲨5.png" alt="手机"> 
                <span class="s-left">黑鲨5</span>
                           </a></li>
                <li><a href="https://www.mi.com/redmi10a">
                    <img src="../image/Redmi 10A.png">
                    <span class="s-left">Redmi 10A</span>
                </a></li>
                <li><a href="https://www.mi.com/redmik50pro">
                    <img src="../image/Redmi K50 Pro.png" alt="手机">
                    <span class="s-left">Redmi K50 Pro</span>
                </a></li>
                <li><a href="https://www.mi.com/redmik50">
                    <img src="../image/Redmi K50.png" alt="手机">
                    <span class="s-left">Redmi K50</span>
                </a></li>
                <li><a href="https://www.mi.com/redmik40s">
                    <img src="../image/Redmi K40S.png" alt="手机">
                    <span class="s-left">Redmi K40S</span>
                </a></li>
            </ul>
            <ul class="b2">
                <li><a href="https://www.mi.com/redmik50g">
                    <img src="../image/Redmi K50 电竞版.png" alt="手机">
                    <span class="s-left">Redmi K50 电竞版</span>
                </a></li>
                <li><a href="https://www.mi.com/mi12pro">
                    <img src="../image/Xiaomi 12 Pro.png" alt="手机">
                    <span class="s-left">Xiaomii 12 Pro</span></span>
                </a></li>
                <li><a href="https://www.mi.com/mi12">
                    <img src="../image/Xiaomi 12.png" alt="手机">
                    <span class="s-left">Xiaomi 12</span>
                </a></li>
                <li><a href="https://www.mi.com/mi12x">
                    <img src="../image/Xiaomi 12X.png" alt="手机">
                    <span class="s-left">Xiaomi 12X</span>
                </a></li>
                <li><a href="https://www.mi.com/mi12x">
                    <img src="../image/Xiaomi 11 青春活力版.PNG" alt="手机">
                    <span class="s-left">Xiaomi 11 青春活力版</span>
                </a></li>
                <li><a href="https://www.mi.com/redminote11pro">
                    <img src="../image/Note 11 Pro 系列.PNG" alt="手机">
                    <span class="s-left">Note 11 Pro 系列</span>
                </a></li>
            </ul>
            <ul class="b3">
                <li><a href="https://www.mi.com/redminote11-4g">
                    <img src="../image/Note 11 4G.png" alt="手机">
                    <span class="s-left">Note 11 4G</span>
                </a></li>
                <li><a href="https://www.mi.com/redminote11">
                    <img src="../image/Note 11 5G.png" alt="手机">
                    <span class="s-left">Note 11 5G</span>
                </a></li>
                <li><a href="https://www.mi.com/redmik40">
                    <img src="../image/Redmi K40.png" alt="手机">
                    <span class="s-left">Redmi K40</span>
                </a></li>
                <li><a href="https://www.mi.com/xiaomicivi">
                    <img src="../image/Xiaomi Civi.png" alt="手机">
                    <span class="s-left">Xiaomi Civi</span>
                </a></li>
                <li><a href="https://www.mi.com/mix4">
                    <img src="../image/Xiaomi MIX 4.png" alt="手机">
                    <span class="s-left">Xiaomi MIX 4</span>
                </a></li>
                <li><a href="https://www.mi.com/mixfold">
                    <img src="../image/Xiaomi MIX FOLD.png" alt="手机">
                    <span class="s-left">Xiaomi MIX FOLD</span>
                </a></li>
            </ul>
            <ul class="b4">
                <li><a href="https://www.mi.com/mi11ultra">
                    <img src="../image/Xiaomi 11 Ultra.png" alt="手机">
                    <span class="s-left">Xiaomi 11 Ultra</span>
                </a></li>
                <li><a href="https://www.mi.com/buy/detail?product_id=14798">
                    <img src="../image/Xiaomi 11.png" alt="手机">
                    <span class="s-left">Xiaomi 11</span>
                </a>
            </li>
                <li><a href="https://www.mi.com/buy?product_id=14210">
                    <img src="../image/Note 10 5G.png" alt="手机">
                    <span class="s-left">Note 10 5G</span>
                </a></li>
             
                <li><a href="https://www.mi.com/buy/detail?product_id=1420">
                    <img src="../image/Note 10 Pro.png" alt="手机">
                    <span class="s-left">Note 10 Pro</span>
                </a></li>
                <li><a href="https://www.mi.com/buy/detail?product_id=12511">
                    <img src="../image/Redmi 9A.png" alt="手机">
                    <span class="s-left">Redmi 9A</span>
                </a></li>
                <li><a href="https://www.mi.com/mi11youth">
                    <img src="../image/Xiaomi 11 青春.png" alt="手机">
                    <span class="s-left">Xiaomi 11 青春</span>
                </a></li>
            </ul>
        </div>
              <!--电视右侧盒子-->
        <div class="banner1">
            <ul class="b1">
                <li><a href="https://www.mi.com/buy/detail?product_id=15101">
                    <img src="../image/Redmi X65 2022款.png">
                    <span class="s-left">Redmi X65 2022款</span></a></li>
                <li><a href="https://www.mi.com/buy/detail?product_id=15502">
                <img src="../image/小米拍拍4K高清投屏器.png" alt="电视"> 
                <span class="s-left">小米拍拍4K高清投屏器</span>
                           </a></li>
                <li><a href="https://www.mi.com/buy/detail?product_id=15100">
                    <img src="../image/Redmi X55 2022款.png">
                    <span class="s-left">Redmi X55 2022款</span>
                </a></li>
                <li><a href="https://www.mi.com/buy/detail?product_id=15100">
                    <img src="../image/小米电视6 55”  OLED.png" alt="电视">
                    <span class="s-left">小米电视6 55”  OLED</span>
                </a></li>
                <li><a href="https://www.mi.com/mitv6/65oled">
                    <img src="../image/小米电视6 65”  OLED.png" alt="电视">
                    <span class="s-left">小米电视6 65”  OLED</span>
                </a></li>
                <li><a href="https://www.mi.com/mitv/oled77">
                    <img src="../image/小米电视 大师  77”  OLED.png" alt="电视">
                    <span class="s-left">小米电视 大师  77”  OLED</span>
                </a></li>
            </ul>
            <ul class="b2">
                <li><a href="https://www.mi.com/mitv6/55">
                    <img src="../image/小米电视6 至尊版 55英寸.png" alt="电视">
                    <span class="s-left">小米电视6 至尊版 55英寸</span>
                </a></li>
                <li><a href="https://www.mi.com/mitv6/65">
                    <img src="../image/小米电视6 至尊版 65英寸.png" alt="电视">
                    <span class="s-left">小米电视6 至尊版 65英寸</span></span>
                </a></li>
                <li><a href="https://www.mi.com/mitv6/75">
                    <img src="../image/小米电视6 至尊版 75英寸.png" alt="电视">
                    <span class="s-left">小米电视6 至尊版 75英寸</span>
                </a></li>
                <li><a href="https://www.mi.com/mitv/es43">
                    <img src="../image/小米电视 ES43 2022款.png" alt="电视">
                    <span class="s-left">小米电视 ES43 2022款</span>
                </a></li>
                <li><a href="https://www.mi.com/mitv/es55">
                    <img src="../image/小米电视 ES55 2022款.png" alt="电视">
                    <span class="s-left">小米电视 ES55 2022款</span>
                </a></li>
                <li><a href="https://www.mi.com/mitv/es65">
                    <img src="../image/小米电视 ES65 2022款.png" alt="电视">
                    <span class="s-left">小米电视 ES65 2022款</span>
                </a></li>
            </ul>
            <ul class="b3">
                <li><a href="https://www.mi.com/mitv/es75">
                    <img src="../image/小米电视 ES75 2022款.png" alt="电视">
                    <span class="s-left">小米电视 ES75 2022款</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E5%85%A8%E9%9D%A2%E5%B1%8F%E7%94%B5%E8%A7%86Pro">
                    <img src="../image/金属全面屏电视.png" alt="电视">
                    <span class="s-left">金属全面屏电视</span>
                </a></li>
                <li><a href="https://www.mi.com/buy/detail?product_id=12049">
                    <img src="../image/大师电视 65英寸 OLED.png" alt="电视">
                    <span class="s-left">大师电视 65英寸 OLED</span>
                </a></li>
                <li><a href="https://www.mi.com/buy/detail?product_id=11843">
                    <img src="../image/小米电视4A 60英寸.png" alt="电视">
                    <span class="s-left">小米电视4A 60英寸</span>
                </a></li>
                <li><a href="https://www.mi.com/buy?product_id=12158">
                    <img src="../image/Redmi 智能电视 X55.png" alt="电视">
                    <span class="s-left">Redmi 智能电视 X55</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E5%85%A8%E9%9D%A2%E5%B1%8F%E7%94%B5%E8%A7%86">
                    <img src="../image/小米全面屏电视.png" alt="电视">
                    <span class="s-left">小米全面屏电视</span>
                </a></li>
            </ul>
            <ul class="b4">
                <li><a href="https://www.mi.com/buy/detail?product_id=11345">
                    <img src="../image/米家激光投影仪.png" alt="投影仪">
                    <span class="s-left">米家激光投影仪</span>
                </a></li>
                <li><a href="https://www.mi.com/buy/detail?product_id=11814">
                    <img src="../image/Redmi 智能电视 MAX 98.png" alt="电视">
                    <span class="s-left">Redmi 智能电视 MAX 98"</span>
                </a>
            </li>
                <li><a href="https://www.mi.com/mitv5/75">
                    <img src="../image/小米电视5 75英寸.png" alt="电视">
                    <span class="s-left">小米电视5 75英寸</span>
                </a></li>
             
                <li><a href="https://www.mi.com/buy/detail?product_id=10764">
                    <img src="../image//小米电视4A 70英寸.png" alt="电视">
                    <span class="s-left">小米电视4A 70英寸</span>
                </a></li>
                <li><a href="https://www.mi.com/mitv4s/75?product_id=8993">
                    <img src="../image/小米电视4S 75英寸.png" alt="电视">
                    <span class="s-left">小米电视4S 75英寸</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E6%BF%80%E5%85%89%E6%8A%95%E5%BD%B1">
                    <img src="../image/激光投影电视.png" alt="电视">
                    <span class="s-left">激光投影电视</span>
                </a></li>
            </ul>
        </div>
              <!--笔记本 平板右侧盒子-->
        <div class="banner1">
            <ul class="b1">
                <li><a href="https://www.mi.com/buy/detail?product_id=10000376">
                    <img src="../image/RedmiBook Pro14 2022.jpg">
                    <span class="s-left">RedmiBook Pro14 2022</span></a></li>
                <li><a href="https://www.mi.com/buy/detail?product_id=10000377">
                <img src="../image/RedmiBook Pro15 2022.jpg" alt="笔记本"> 
                <span class="s-left">小RedmiBook Pro15 2022</span>
                           </a></li>
                <li><a href="https://www.mi.com/buy/detail?product_id=10000321">
                    <img src="../image/RedmiBook Pro 14 增强版.jpg">
                    <span class="s-left">RedmiBook Pro 14 增强版</span>
                </a></li>
                <li><a href="https://www.mi.com/buy/detail?product_id=10000361">
                    <img src="../image/小米笔记本 Pro 14 锐龙版.jpg" alt="笔记本">
                    <span class="s-left">小米笔记本 Pro 14 锐龙版</span>
                </a></li>
                <li><a href="https://www.mi.com/buy/detail?product_id=10000320">
                    <img src="../image/RedmiBook Pro 15 增强版.jpg" alt="笔记本">
                    <span class="s-left">RedmiBook Pro 15 增强版</span>
                </a></li>
                <li><a href="https://www.mi.com/mibook/14prox">
                    <img src="../image/小米笔记本 Pro X 14.jpg" alt="笔记本">
                    <span class="s-left">小米笔记本 Pro X 14</span>
                </a></li>
            </ul>
            <ul class="b2">
                <li><a href="https://www.mi.com/redmibook/game-intel">
                    <img src="../image/Redmi G 2021 Intel版.jpg" alt="笔记本">
                    <span class="s-left">Redmi G 2021 Intel版</span>
                </a></li>
                <li><a href="https://www.mi.com/redmibook/game-amd">
                    <img src="../image/Redmi G 2021 AMD版.jpg" alt="笔记本">
                    <span class="s-left">Redmi G 2021 AMD版</span></span>
                </a></li>
                <li><a href="https://www.mi.com/xiaomipad5">
                    <img src="../image/小米平板5.jpg" alt="平板">
                    <span class="s-left">小米平板5</span>
                </a></li>
                <li><a href="https://www.mi.com/xiaomipad5pro">
                    <img src="../image/小米平板5 Pro.jpg" alt="平板">
                    <span class="s-left">小米平板5 Pro</span>
                </a></li>
                <li><a href="https://www.mi.com/xiaomipad5pro5G">
                    <img src="../image/小米平板5 Pro 5G.jpg" alt="平板">
                    <span class="s-left">小米平板5 Pro 5G</span>
                </a></li>
                <li><a href="https://www.mi.com/buy/detail?product_id=10000319">
                    <img src="../image/小米笔记本 Pro 14 增强版.jpg" alt="笔记本">
                    <span class="s-left">小米笔记本 Pro 14 增强版</span>
                </a></li>
            </ul>
            <ul class="b3">
                <li><a href="https://www.mi.com/buy/detail?product_id=10000318">
                    <img src="../image/小米笔记本 Pro 15 增强版.jpg" alt="笔记本">
                    <span class="s-left">小米笔记本 Pro 15 增强版</span>
                </a></li>
                <li><a href="https://www.mi.com/buy/detail?product_id=1000030">
                    <img src="../image/小米笔记本 Pro X 15.jpg" alt="笔记本">
                    <span class="s-left">小米笔记本 Pro X 15</span>
                </a></li>
                <li><a href="https://www.mi.com/buy/detail?product_id=10000297">
                    <img src="../image/RedmiBook Pro 14 锐龙版.jpg" alt="笔记本">
                    <span class="s-left">RedmiBook Pro 14 锐龙版</span>
                </a></li>
                <li><a href="https://www.mi.com/buy/detail?product_id=10000298">
                    <img src="../image/RedmiBook Pro 15 锐龙版.jpg" alt="笔记本">
                    <span class="s-left">RedmiBook Pro 15 锐龙版</span>
                </a></li>
                <li><a href="https://www.mi.com/buy/detail?product_id=10000299">
                    <img src="../image/小米笔记本 Pro 15 锐龙版.jpg" alt="笔记本">
                    <span class="s-left">小米笔记本 Pro 15 锐龙版</span>
                </a></li>
                <li><a href="https://www.mi.com/buy/detail?product_id=10000284">
                    <img src="../image/小米笔记本Pro 15.jpg" alt="笔记本">
                    <span class="s-left">小米笔记本Pro 15</span>
                </a></li>
            </ul>
            <ul class="b4">
                <li><a href="https://www.mi.com/buy/detail?product_id=10000285">
                    <img src="../image/小米笔记本Pro 14.jpg" alt="笔记本">
                    <span class="s-left">小米笔记本Pro 14</span>
                </a></li>
                <li><a href="https://www.mi.com/buy/detail?product_id=10000253">
                    <img src="../image/RedmiBook Air 13.jpg" alt="笔记本">
                    <span class="s-left">RedmiBook Air 13</span>
                </a>
            </li>
                <li><a href="https://www.mi.com/search?keyword=%E9%94%AE%E7%9B%98">
                    <img src="../image/键鼠套装.jpg">
                    <span class="s-left">键鼠套装</span>
                </a></li>
             
                <li><a href="https://www.mi.com/search?keyword=%E9%BC%A0%E6%A0%87">
                    <img src="../image/鼠标.jpg" alt="鼠标">
                    <span class="s-left">鼠标</span>
                </a></li>
            </ul>
        </div>
              <!--家电右侧盒子-->
              <div class="banner1">
                <ul class="b1">
                    <li><a href="https://www.mi.com/search?keyword=%E5%86%B0%E7%AE%B1">
                        <img src="../image/冰箱.jpg">
                        <span class="s-left">冰箱</span></a></li>
                    <li><a href="https://www.mi.com/search?keyword=%E7%AB%8B%E5%BC%8F%E7%A9%BA%E8%B0%83">
                    <img src="../image/立式空调.png" alt="空调"> 
                    <span class="s-left">立式空调</span>
                               </a></li>
                    <li><a href="https://www.mi.com/search?keyword=%E5%A3%81%E6%8C%82%E7%A9%BA%E8%B0%83">
                        <img src="../image/壁挂空调.png">
                        <span class="s-left">壁挂空调</span>
                    </a></li>
                    <li><a href="https://www.mi.com/search?keyword=%E6%BB%9A%E7%AD%92%E6%B4%97%E8%A1%A3%E6%9C%BA">
                        <img src="../image/滚筒洗衣机.jpg" alt="家电">
                        <span class="s-left">滚筒洗衣机</span>
                    </a></li>
                    <li><a href="https://www.mi.com/search?keyword=%E6%B3%A2%E8%BD%AE%E6%B4%97%E8%A1%A3%E6%9C%BA">
                        <img src="../image/波轮洗衣机.jpg" alt="家电">
                        <span class="s-left">波轮洗衣机</span>
                    </a></li>
                    <li><a href="https://www.mi.com/search?keyword=%E5%87%80%E6%B0%B4%E5%99%A8">
                        <img src="../image/净水器.jpg" alt="家电">
                        <span class="s-left">净水器</span>
                    </a></li>
                </ul>
                <ul class="b2">
                    <li><a href="https://www.mi.com/search?keyword=%E7%94%B5%E7%83%A4%E7%AE%B1">
                        <img src="../image/电烤箱.jpg" alt="家电">
                        <span class="s-left">电烤箱</span>
                    </a></li>
                    <li><a href="https://www.mi.com/search?keyword=%E5%BE%AE%E6%B3%A2%E7%82%89">
                        <img src="../image/微波炉.jpg" alt="家电">
                        <span class="s-left">微波炉</span></span>
                    </a></li>
                    <li><a href="https://www.mi.com/search?keyword=%E6%89%AB%E5%9C%B0%E6%9C%BA%E5%99%A8%E4%BA%BA">
                        <img src="../image/扫地机器人.jpg" alt="家电">
                        <span class="s-left">扫地机器人</span>
                    </a></li>
                    <li><a href="https://www.mi.com/search?keyword=%E5%90%B8%E5%B0%98%E5%99%A8">
                        <img src="../image/吸尘器.jpg" alt="家电">
                        <span class="s-left">吸尘器</span>
                    </a></li>
                    <li><a href="https://www.mi.com/search?keyword=%E7%A9%BA%E6%B0%94%E5%87%80%E5%8C%96%E5%99%A8">
                        <img src="../image/空气净化器.jpg" alt="家电">
                        <span class="s-left">空气净化器</span>
                    </a></li>
                    <li><a href="https://www.mi.com/search?keyword=%E7%94%B5%E9%A5%AD%E7%85%B2">
                        <img src="../image/电饭煲.jpg" alt="家电">
                        <span class="s-left">电饭煲</span>
                    </a></li>
                </ul>
                <ul class="b3">
                    <li><a href="https://www.mi.com/search?keyword=%E7%94%B5%E7%A3%81%E7%82%89">
                        <img src="../image/电磁炉.jpg" alt="家电">
                        <span class="s-left">电磁炉</span>
                    </a></li>
                    <li><a href="https://www.mi.com/search?keyword=%E7%94%B5%E6%B0%B4%E5%A3%B6">
                        <img src="../image/电水壶.jpg" alt="家电">
                        <span class="s-left">电水壶</span>
                    </a></li>
                    <li><a href="hhttps://www.mi.com/search?keyword=%E6%BB%A4%E6%B0%B4%E5%A3%B6">
                        <img src="../image/滤水壶.jpg" alt="家电">
                        <span class="s-left">滤水壶</span>
                    </a></li>
                    <li><a href="https://www.mi.com/search?keyword=%E8%90%BD%E5%9C%B0%E9%A3%8E%E6%89%87">
                        <img src="../image/落地风扇.png" alt="家电">
                        <span class="s-left">落地风扇</span>
                    </a></li>
                    <li><a href="https://www.mi.com/search?keyword=%E6%8A%95%E5%BD%B1%E4%BB%AA">
                        <img src="../image/投影仪.png" alt="家电">
                        <span class="s-left">投影仪</span>
                    </a></li>
                    <li><a href="https://www.mi.com/search?keyword=%E7%81%AF%E5%85%B7">
                        <img src="../image/灯具.jpg" alt="家电">
                        <span class="s-left">灯具</span>
                    </a></li>
                </ul>
                <ul class="b4">
                    <li><a href="https://www.mi.com/search?keyword=%E6%8F%92%E7%BA%BF%E6%9D%BF">
                        <img src="../image/插线板.jpg" alt="家电">
                        <span class="s-left">插线板</span>
                    </a></li>
                    <li><a href="https://www.mi.com/search?keyword=%E6%96%B0%E9%A3%8E%E6%9C%BA">
                        <img src="../image/新风机.jpg" alt="家电">
                        <span class="s-left">新风机</span>
                    </a>
                </li>
                    <li><a href="https://www.mi.com/search?keyword=%E7%94%B5%E6%9A%96%E5%99%A8">
                        <img src="../image/电暖器.jpg">
                        <span class="s-left">电暖器</span>
                    </a></li>
                 
                    <li><a href="https://www.mi.com/search?keyword=%E7%94%B5%E5%8E%8B%E5%8A%9B%E9%94%85">
                        <img src="../image/电压力锅.jpg" alt="家电">
                        <span class="s-left">电压力锅</span>
                    </a></li>
                    <li><a href="https://www.mi.com/search?keyword=%E6%96%99%E7%90%86%E6%9C%BA">
                        <img src="../image/料理机.jpg">
                        <span class="s-left">料理机</span>
                    </a></li>
                 
                    <li><a href="https://www.mi.com/search?keyword=%E7%94%B5%E7%85%AE%E5%A3%B6">
                        <img src="../image/电煮壶.jpg" alt="家电">
                        <span class="s-left">电煮壶</span>
                    </a></li>
                </ul>
            </div>
         <!--出行 穿戴右侧盒子-->
         <div class="banner2">
            <ul class="b1">
                <li><a href="https://www.mi.com/xiaomiwatchs1">
                    <img src="../image/Xiaomi Watch S1.jpg">
                    <span class="s-left">Xiaomi Watch S1</span></a></li>
                <li><a href="https://www.mi.com/redmiwatch2">
                <img src="../image/Redmi 手表 2.JPG" alt="手表"> 
                <span class="s-left">Redmi 手表 2</span>
                           </a></li>
                <li><a href="https://www.mi.com/xiaomiwatchcolor2">
                    <img src="../image/Xiaomi Watch Color 2.jpg">
                    <span class="s-left">Xiaomi Watch Color 2</span>
                </a></li>
                <li><a href="https://www.mi.com/shouhuan6/nfc">
                    <img src="../image/小米手环6 NFC版.jpg" alt="手环">
                    <span class="s-left">小米手环6 NFC版</span>
                </a></li>
                <li><a href="https://www.mi.com/shouhuan6">
                    <img src="../image/小米手环6 标准版.jpg" alt="手环">
                    <span class="s-left">小米手环6 标准版</span>
                </a></li>
                <li><a href="https://www.mi.com/shouhuan5/nfc">
                    <img src="../image/小米手环5NFC.jpg" alt="手环">
                    <span class="s-left">小米手环5NFC</span>
                </a></li>
            </ul>
            <ul class="b2">
                <li><a href="https://www.mi.com/search?keyword=%E5%B9%B3%E8%A1%A1%E8%BD%A6">
                    <img src="../image/平衡车.jpg" >
                    <span class="s-left">平衡车</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E8%87%AA%E8%A1%8C%E8%BD%A6">
                    <img src="../image/自行车.jpg" alt="交通工具">
                    <span class="s-left">自行车</span></span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E6%BB%91%E6%9D%BF%E8%BD%A6">
                    <img src="../image/滑板车.jpg" alt="交通工具">
                    <span class="s-left">滑板车</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E8%BD%A6%E8%BD%BD%E5%85%85%E7%94%B5%E5%99%A8">
                    <img src="../image/车载充电器.jpg" alt="交通工具">
                    <span class="s-left">车载充电器</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E6%99%BA%E8%83%BD%E8%AE%B0%E5%BD%95%E4%BB%AA">
                    <img src="../image/智能记录仪.jpg">
                    <span class="s-left">智能记录仪</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E5%85%85%E6%B0%94%E5%AE%9D">
                    <img src="../image/充气宝.jpg" >
                    <span class="s-left">充气宝</span>
                </a></li>
            </ul>
            <ul class="b3">
                <li><a href="https://www.mi.com/search?keyword=%E7%9F%B3%E8%8B%B1%E8%A1%A8">
                    <img src="../image/石英表.jpg" alt="手表">
                    <span class="s-left">石英表</span>
                </a></li>
               
            </ul>
         </div>
      <!--智能 路由器右侧盒子-->
      <div class="banner2">
        <ul class="b1">
            <li><a href="https://www.mi.com/cyberdog">
                <img src="../image/CyberDog.jpg">
                <span class="s-left">CyberDog</span></a></li>
            <li><a href="https://www.mi.com/mjmike">
            <img src="../image/MIJIA K歌麦克风.jpg" alt="智能"> 
            <span class="s-left">MIJIA K歌麦克风</span>
                       </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E6%89%93%E5%8D%B0%E6%9C%BA">
                <img src="../image/打印机.png">
                <span class="s-left">打印机</span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E5%96%B7%E5%A2%A8%E6%89%93%E5%8D%B0%E6%9C%BA">
                <img src="../image/喷墨打印机.jpg" alt="智能">
                <span class="s-left">喷墨打印机</span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E5%96%B7%E5%A2%A8%E6%89%93%E5%8D%B0%E6%9C%BA%E5%A2%A8%E6%B0%B4">
                <img src="../image/喷墨打印机墨水.jpg" >
                <span class="s-left">喷墨打印机墨水</span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E5%B0%8F%E7%B1%B3%E8%B7%AF%E7%94%B1%E5%99%A8">
                <img src="../image/小米路由器.jpg" alt="路由器">
                <span class="s-left">小米路由器</span>
            </a></li>
        </ul>
        <ul class="b2">
            <li><a href="https://www.mi.com/search?keyword=%E6%99%BA%E8%83%BD%E5%AE%B6%E5%BA%AD">
                <img src="../image/智能家庭.jpg" >
                <span class="s-left">智能家庭</span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E5%AF%B9%E8%AE%B2%E6%9C%BA">
                <img src="../image/对讲机.jpg" alt="通讯工具">
                <span class="s-left">对讲机</span></span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E6%91%84%E5%83%8F%E6%9C%BA">
                <img src="../image/摄像机.jpg" alt="智能">
                <span class="s-left">摄像机</span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E6%99%BA%E8%83%BD%E9%97%A8%E9%94%81">
                <img src="../image/智能门锁.jpg" alt="智能">
                <span class="s-left">智能门锁</span>
            </a></li>
  
            <li><a href="https://www.mi.com/search?keyword=%E8%A7%86%E9%A2%91%E9%97%A8%E9%93%83">
                <img src="../image/视频门铃.jpg" >
                <span class="s-left">视频门铃</span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E5%B0%8F%E7%88%B1%E8%80%81%E5%B8%88">
                <img src="../image/小爱老师.png">
                <span class="s-left">小爱老师</span>
            </a></li>
        </ul>
        <ul class="b3">
            <li><a href="https://www.mi.com/search?keyword=Redmi%E8%B7%AF%E7%94%B1%E5%99%A8">
                <img src="../image/Redmi路由器.jpg" alt="智能">
                <span class="s-left">Redmi路由器</span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E5%B0%8F%E7%88%B1%E8%80%81%E5%B8%88">
                <img src="../image/小爱音箱.png">
                <span class="s-left">小爱音箱</span>
            </a></li>
        </ul>
     </div>
           <!--电源 配件右侧盒子-->
     <div class="banner3">
        <ul class="b1">
            <li><a href="https://www.mi.com/search?keyword=%E7%A7%BB%E5%8A%A8%E7%94%B5%E6%BA%90">
                <img src="../image/移动电源.jpg">
                <span class="s-left">移动电源</span></a></li>
            <li><a href="https://www.mi.com/mjmike">
            <img src="../image/数据线.jpg" alt="智能"> 
            <span class="s-left">数据线</span>
                       </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E5%85%85%E7%94%B5%E5%99%A8">
                <img src="../image/充电宝.jpg">
                <span class="s-left">充电器</span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E7%94%B5%E6%B1%A0">
                <img src="../image/电池.jpg" alt="智能">
                <span class="s-left">电池</span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E8%87%AA%E6%8B%8D%E6%9D%86">
                <img src="../image/自拍杆.jpg" >
                <span class="s-left">自拍杆</span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E6%89%8B%E6%9C%BA%E5%A3%B3">
                <img src="../image/手机壳.jpg" alt="电源">
                <span class="s-left">手机壳</span>
            </a></li>
        </ul>
        <ul class="b2">
            <li><a href="https://www.mi.com/search?keyword=%E6%89%8B%E6%9C%BA%E8%B4%B4%E8%86%9C">
                <img src="../image/手机贴膜.jpg" >
                <span class="s-left">手机贴膜</span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E6%97%A0%E7%BA%BF%E5%85%85%E7%94%B5%E5%99%A8">
                <img src="../image/无线充电器.jpg" alt="通讯工具">
                <span class="s-left">无线充电器</span></span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E5%B9%B3%E6%9D%BF%E9%85%8D%E4%BB%B6">
                <img src="../image/平板配件.jpg" alt="智能">
                <span class="s-left">平板配件</span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E9%BB%91%E9%B2%A8%E9%85%8D%E4%BB%B6">
                <img src="../image/黑鲨配件.jpg" alt="智能">
                <span class="s-left">黑鲨配件</span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E5%B0%8F%E7%88%B1%E8%80%81%E5%B8%88">
                <img src="../image/其他配件.jpg">
                <span class="s-left">其他配件</span>
            </a></li>
        </ul>
        
     </div>
      <!--健康 儿童右侧盒子-->
      <div class="banner2">
        <ul class="b1">
            <li><a href="https://www.mi.com/buy/detail?product_id=15025">
                <img src="../image/米家跑步机.jpg">
                <span class="s-left">米家跑步机</span></a></li>
            <li><a href="https://www.mi.com/search?keyword=%E6%B4%97%E6%89%8B%E6%9C%BA">
            <img src="../image/洗手机.jpg" alt="健康"> 
            <span class="s-left">洗手机</span>
                       </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E5%89%83%E9%A1%BB%E5%88%80">
                <img src="../image/剃须刀.jpg">
                <span class="s-left">剃须刀</span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E7%B1%B3%E5%AE%B6%E4%BF%AE%E5%89%AA%E5%99%A8">
                <img src="../image/修剪器.jpg" alt="智能">
                <span class="s-left">修剪器</span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E7%B1%B3%E5%AE%B6%E4%BF%AE%E5%89%AA%E5%99%A8">
                <img src="../image/牙刷.jpg" >
                <span class="s-left">牙刷</span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E5%90%B9%E9%A3%8E%E6%9C%BA">
                <img src="../image/吹风机.jpg" alt="健康">
                <span class="s-left">吹风机</span>
            </a></li>
        </ul>
        <ul class="b2">
            <li><a href="https://www.mi.com/search?keyword=%E4%BD%93%E9%87%8D%E7%A7%A4">
                <img src="../image/体重器.png" >
                <span class="s-left">体重秤</span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E4%BD%93%E8%84%82%E7%A7%A4">
                <img src="../image/体脂秤.jpg" alt="生活">
                <span class="s-left">体脂秤</span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E6%97%A9%E6%95%99%E5%90%AF%E6%99%BA">
                <img src="../image/早教启齿.jpg" alt="智能">
                <span class="s-left">早教启智</span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E7%9B%8A%E6%99%BA%E7%A7%AF%E6%9C%A8">
                <img src="../image/益智积木.jpg" alt="智能">
                <span class="s-left">益智积木</span>
            </a></li>
  
            <li><a href="https://www.mi.com/search?keyword=%E5%84%BF%E7%AB%A5%E6%89%8B%E8%A1%A8">
                <img src="../image/儿童手表.jpg" >
                <span class="s-left">儿童手表</span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E5%84%BF%E7%AB%A5%E6%BB%91%E6%9D%BF%E8%BD%A6">
                <img src="../image/儿童滑板车.jpg">
                <span class="s-left">儿童滑板车</span>
            </a></li>
        </ul>
        <ul class="b3">
            <li><a href="https://www.mi.com/search?keyword=%E6%8A%98%E5%8F%A0%E5%A9%B4%E5%84%BF%E6%8E%A8%E8%BD%A6">
                <img src="../image/婴儿推车.jpg" alt="智能">
                <span class="s-left">婴儿推车</span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E5%A9%B4%E5%84%BF%E7%90%86%E5%8F%91%E5%99%A8">
                <img src="../image/理发器.jpg">
                <span class="s-left">理发器</span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E7%B1%B3%E5%AE%B6%E8%B5%B0%E6%AD%A5%E6%9C%BA">
                <img src="../image/走步机.jpg" alt="智能">
                <span class="s-left">走步机</span>
            </a></li>
            <li><a href="https://www.mi.com/search?keyword=%E6%99%BA%E8%83%BD%E9%81%A5%E6%8E%A7%E8%BD%A6">
                <img src="../image/智能遥控车.jpg">
                <span class="s-left">智能遥控车</span>
            </a></li>
        </ul>
     </div>
           <!--耳机音箱右侧盒子-->
           <div class="banner1">
            <ul class="b1">
                <li><a href="https://www.mi.com/xiaomibuds3">
                    <img src="../image/Xiaomi 真无线降噪耳机 3.jpg">
                    <span class="s-left">Xiaomi 真无线降噪耳机 3</span></a></li>
                <li><a href="https://www.mi.com/buy/detail?product_id=15217">
                <img src="../image/Redmi Buds 3 青春版.jpg" alt="耳机"> 
                <span class="s-left">Redmi Buds 3 青春版</span>
                           </a></li>
                <li><a href="https://www.mi.com/buy/detail?product_id=14903">
                    <img src="../image/Redmi Buds 3.jpg">
                    <span class="s-left">Redmi Buds 3</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=Xiaomi%20Sound">
                    <img src="../image/Xiaomi Sound.jpg" alt="耳机">
                    <span class="s-left">Xiaomi Sound</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E5%B0%8F%E7%88%B1%E8%A7%A6%E5%B1%8F%E9%9F%B3%E7%AE%B1Pro8">
                    <img src="../image/小爱触屏音箱Pro 8.jpg" alt="音箱">
                    <span class="s-left">小爱触屏音箱Pro 8</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=Redmi%E5%B0%8F%E7%88%B1%E8%A7%A6%E5%B1%8F">
                    <img src="../image/Redmi小爱触屏音箱 8.jpg" alt="音箱">
                    <span class="s-left">Redmi小爱触屏音箱 8</span>
                </a></li>
            </ul>
            <ul class="b2">
                <li><a href="https://www.mi.com/search?keyword=%E5%B0%8F%E7%B1%B3%E5%B0%8F%E7%88%B1%E9%9F%B3%E7%AE%B1%20Pro">
                    <img src="../image/小爱音箱 Pro .jpg" alt="音箱">
                    <span class="s-left">小爱音箱 Pro </span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E5%B0%8F%E7%B1%B3%E5%B0%8F%E7%88%B1%E9%9F%B3%E7%AE%B1">
                    <img src="../image/小米小爱音箱.jpg" alt="音箱">
                    <span class="s-left">小米小爱音箱</span></span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E5%B0%8F%E7%B1%B3%E5%B0%8F%E7%88%B1%E9%9F%B3%E7%AE%B1%20Play">
                    <img src="../image/小米小爱音箱 Play.jpg" alt="音箱">
                    <span class="s-left">小米小爱音箱 Play</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E5%B0%8F%E7%B1%B3%E5%B0%8F%E7%88%B1%E8%A7%A6%E5%B1%8F%E9%9F%B3%E7%AE%B1x">
                    <img src="../image/小米小爱触屏音箱.jpg" alt="音箱">
                    <span class="s-left">小米小爱触屏音箱</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=Redmi%E5%B0%8F%E7%88%B1%E9%9F%B3%E7%AE%B1Play">
                    <img src="../image/Redmi音箱.jpg" alt="音箱">
                    <span class="s-left">Redmi音箱</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E7%BA%BF%E6%8E%A7%E8%80%B3%E6%9C%BA">
                    <img src="../image/线控耳机.jpg" alt="音箱">
                    <span class="s-left">线控耳机</span>
                </a></li>
            </ul>
            <ul class="b3">
                <li><a href="https://www.mi.com/search?keyword=%E8%93%9D%E7%89%99%E8%80%B3%E6%9C%BA">
                    <img src="../image/蓝牙耳机.jpg" alt="耳机">
                    <span class="s-left">蓝牙耳机</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E5%A4%B4%E6%88%B4%E8%80%B3%E6%9C%BA">
                    <img src="../image/头戴耳机.jpg" alt="耳机">
                    <span class="s-left">头戴耳机</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E5%93%81%E7%89%8C%E8%80%B3%E6%9C%BA">
                    <img src="../image/品牌耳机.jpg" alt="耳机">
                    <span class="s-left">品牌耳机</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E8%93%9D%E7%89%99%E9%9F%B3%E7%AE%B1">
                    <img src="../image/蓝牙音箱.jpg" alt="音箱">
                    <span class="s-left">蓝牙音箱</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E5%B0%8F%E7%B1%B3AI%E9%9F%B3%E7%AE%B1">
                    <img src="../image/小米AI音箱.jpg" alt="音箱">
                    <span class="s-left">小米AI音箱</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E5%B0%8F%E7%B1%B3%E5%B0%8F%E7%88%B1%E9%9F%B3%E7%AE%B1HD">
                    <img src="../image/小米小爱音箱HD.jpg" alt="音箱">
                    <span class="s-left">小米小爱音箱HD</span>
                </a></li>
            </ul>
            <ul class="b4">
                <li><a href="https://www.mi.com/search?keyword=k%E6%AD%8C%E8%80%B3%E6%9C%BA">
                    <img src="../image/k歌耳机.jpg" alt="耳机">
                    <span class="s-left">k歌耳机</span>
                </a></li>
               
            </ul>
        </div>
         <!--生活 箱包右侧盒子-->
         <div class="banner2">
            <ul class="b1">
                <li><a href="https://www.mi.com/search?keyword=%E5%B0%8F%E7%B1%B3%E5%B0%8F%E8%83%8C%E5%8C%85">
                    <img src="../image/小背包.jpg">
                    <span class="s-left">小背包</span></a></li>
                <li><a href="https://www.mi.com/search?keyword=%E5%8F%8C%E8%82%A9%E5%8C%85">
                <img src="../image/双肩包.jpg" alt="包"> 
                <span class="s-left">双肩包</span>
                           </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E8%83%B8%E5%8C%85">
                    <img src="../image/胸包.jpg">
                    <span class="s-left">胸包</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E6%97%85%E8%A1%8C%E7%AE%B1">
                    <img src="../image/旅行箱.jpg" alt="背包">
                    <span class="s-left">旅行箱</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E8%BF%90%E5%8A%A8%E9%9E%8B">
                    <img src="../image/运动鞋.jpg" alt="鞋子">
                    <span class="s-left">运动鞋</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E7%9C%BC%E9%95%9C">
                    <img src="../image/眼镜.jpg" alt="眼镜">
                    <span class="s-left">眼镜</span>
                </a></li>
            </ul>
            <ul class="b2">
                <li><a href="https://www.mi.com/search?keyword=%E5%BA%8A%E5%9E%AB">
                    <img src="../image/床垫.jpg" alt="生活用品">
                    <span class="s-left">床垫</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E6%9E%95%E5%A4%B4">
                    <img src="../image/枕头.png" alt="生活用品">
                    <span class="s-left">枕头</span></span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E8%9E%BA%E4%B8%9D%E5%88%80">
                    <img src="../image/螺丝刀.jpg" alt="工具">
                    <span class="s-left">螺丝刀</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E4%BF%9D%E6%B8%A9%E6%9D%AF">
                    <img src="../image/保温杯.jpg" alt="生活用品">
                    <span class="s-left">保温杯</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E9%A9%B1%E8%9A%8A%E5%99%A8">
                    <img src="../image/驱蚊器.jpg" alt="生活用品">
                    <span class="s-left">驱蚊器</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E6%AF%9B%E5%B7%BE">
                    <img src="../image/毛巾浴巾.jpg" alt="生活用品">
                    <span class="s-left">毛巾/浴巾</span>
                </a></li>
            </ul>
            <ul class="b3">
                <li><a href="https://www.mi.com/search?keyword=%E7%B1%B3%E5%85%94">
                    <img src="../image/米兔.jpg" alt="玩偶">
                    <span class="s-left">米兔</span>
                </a></li>
                <li><a href="https://www.mi.com/search?keyword=%E7%AC%94">
                    <img src="../image/笔.jpg" alt="笔">
                    <span class="s-left">笔</span>
                </a></li>
                
            </ul>
        </div>
      </div> 
       <!-- 轮播图-->
       <div class="focus">
           <!--左右括号图片-->
           <a href="javascript:;" class="arrow-l">
               <div class="arrow-lbox">
            <img src="../image/左箭头 (1).png"></div> </a>
            <a href="javascript:;" class="arrow-r">
            <div class="arrow-rbox">
            <img src="../image/右箭头 (1).png" > </div>
            </a>
        <ul>
       <li class="l">
        <a href="#"> 
              <img src="../image/轮播图1.jpg"> </a>
          </li>
          <li class="l">
            <a href="#"> 
                <img src="../image/轮播图2.jpg"> </a>
            </li>
        
            <li class="l">
                <a href="#">
                <img src="../image/轮播图3.jpg"> </a>
            </li>
            <li class="l">
                <a href="#">
                <img src="../image/轮播图4.jpg"> </a>
            </li>
            <li class="l">
                <a href="#">
                <img src="../image/轮播图5.jpg"> 
            </li></a>
        </ul>
        <ol class="q"></ol>
        </div>
     </div>
     <div class="banner-bottom">
             <li class="li-a">
                 <a href="https://api.jr.mi.com/activity/scene/scenePCsearch.html?from=search">
                     <img src="../image/保障服务.png">
                     <span>保障服务</span>
                 </a>
             </li>
             <li class="li-b">
                <a href="https://qiye.mi.com/">
                    <img src="../image/企业团购.png">
                    <span>企业团购</span>
                </a>
             </li>
             <li class="li-c">
                <a href="https://www.mi.com/order/fcode">
                    <img src="../image/F码通道.png">
                    <span>F码通道</span>
                </a>
             </li>
             <li class="li-d">
                <a href="https://10046.mi.com/">
                    <img src="../image/米粉卡.png">
                    <span>米粉卡</span>
                </a>
             </li>
             <li class="li-f">
                <a href="https://www.mi.com/a/h/16769.html">
                    <img src="../image/以旧换新.png">
                    <span>以旧换新</span>
                </a>
             </li>
             <li class="li-g">
                <a href="https://recharge.10046.mi.com/">
                    <img src="../image/话费充值‘.png">
                    <span>话费充值</span>
                </a>
             </li>
     </div>
     <div class="banner-bottom1">
<ul>
    <li>
        <a href="https://www.mi.com/redmik50">
            <img src="../image/banner-bottom.jpg">
        </a>
    </li>
    <li>
        <a href="https://www.mi.com/redmik50pro">
            <img src="../image/banner-bottom1.jpg">
        </a>
    </li>
    <li>
        <a href="https://www.mi.com/xiaomiwatchs1">
            <img src="../image/banner-bottom2.jpg">
        </a>
    </li>
</ul>
     </div>
    </div> 
</div>
<!--右侧盒子--> 
<div class="right">
    <ul>
    <li class="right-1">
        <a href="#">
            <img src="../image/手机APP1.png" class="static">
            <img src="../image/手机APP.png" class="hover">
            <span>手机APP</span>
        </a>
    </li>
    <li>
        <a href="https://account.xiaomi.com/fe/service/login/password?_qrsize=180&sid=mi_eshop&qs=%253Fcallback%253Dhttp%25253A%25252F%25252Forder.mi.com%25252Flogin%25252Fcallback%25253Ffollowup%25253Dhttps%2525253A%2525252F%2525252Fwww.mi.com%2525252Fuser%2525252Fportal%252526sign%25253DYTIxYzlhMDk1MGIxYTIxZmQ2YWFkN2I0MjkwNjIzYWE1ZDIyNjdlOQ%25252C%25252C%2526sid%253Dmi_eshop%2526_qrsize%253D180&callback=http%3A%2F%2Forder.mi.com%2Flogin%2Fcallback%3Ffollowup%3Dhttps%253A%252F%252Fwww.mi.com%252Fuser%252Fportal%26sign%3DYTIxYzlhMDk1MGIxYTIxZmQ2YWFkN2I0MjkwNjIzYWE1ZDIyNjdlOQ%2C%2C&_sign=zfDw3Q4JnAfuBy8T9alDlUm4FMc%3D&serviceParam=%7B%22checkSafePhone%22%3Afalse%2C%22checkSafeAddress%22%3Afalse%2C%22lsrp_score%22%3A0.0%7D&showActiveX=false&theme=&needTheme=false&bizDeviceType=&_locale=zh_CN">
            <img src="../image/个人中心1.png" class="static">
            <img src="../image/个人中心.png" class="hover">
            <span>个人中心</span>
        </a>
    </li>
    <li>
        <a href="https://www.mi.com/service/aftersale/front">
            <img src="../image/售后服务1.png" class="static">
            <img src="../image/售后服务.png" class="hover">
            <span>售后服务</span>
        </a>
    </li>
    <li>
        <a href="#">
            <img src="../image/人工服务1.png" class="static">
            <img src="../image/人工服务.png" class="hover">
            <span>人工服务</span>
        </a>
    </li>
    <li >
        <a href="https://www.mi.com/buy/cart">
            <img src="../image/购物车1.png" class="static">
            <img src="../image/购物车.png" class="hover">
            <span>购物车</span>
        </a>
    </li>
</ul>
</div>
<!-- 回到顶部 -->
<div class="go-top">
    <a href="#top">
        <img src="../image/回到顶部1.png" class="static"> 
        <img src="../image/回到顶部.png" class="hover"> 
        <span>回顶部</span>
    </a>
     </div>
<!-- 手机APP点击出现的盒子 -->
<div class="big-phone">
<div class="phone">
<img src="../image/二维码.png">
<span>扫码领取新</span>
<span>人百元礼包</span>
</div>
</div>
<div class="banner-home">
    <div class="banner-home-box1">
        <a href="https://www.mi.com/redmik40s">
            <img src="../image/footer-1.png">
        </a>
    </div>
    <div class="banner-home-phone">
        <span class="phone-s1">手机</span>
        <div class="more-box">
      <a href="https://www.mi.com/p/1915.html">
          <span class="phone-s2">查看更多</span> 
          <div class="i">
           <img src="../image/右箭头 1.png" ></a>
        </div>
 </div>
     
    </div>
        <div class="phone-nav1">
                <a href="https://www.mi.com/redmik50">
                    <img src="../image/K50.png">
                </a>            
            </div>
        <div class="phone-nav2">
            <ul class="phone-nav2a">
                <li class="phone-nav2-li">
                    <a href="https://www.mi.com/xiaomicivi1s">
                        <img src="../image/pic1.png">
                        <span class="phone-c1">Xiaomi Civi 1S</span>
                        <span class="phone-c2">原生美肌人像｜奇迹阳光动人新色｜...</span>
                        <span class="price">2299元起 </span>
                    </a>
                </li>
                <li class="phone-nav2-li">
                    <a href="https://www.mi.com/redmi10a">
                        <img src="../image/pic2.png">
                        <span class="phone-c1">Redmi 10A</span>
                        <span class="phone-c2">大电量、大音量、大屏幕</span>
                        <span class="price2">649元起 </span>
                        <span class="price1">699元</span>
                    </a>
                </li>
                <li class="phone-nav2-li">
                    <a href="https://www.mi.com/redmik50pro">
                        <img src="../image/pic3.png">
                        <span class="phone-c1">Redmi K50 Pro</span>
                        <span class="phone-c2">2K直屏的狠旗舰</span>
                        <span class="price">2999元起 </span>
                    </a>
                </li>
                <li class="phone-nav2-li">
                    <a href="https://www.mi.com/redmik50">
                        <img src="../image/pic4.png">
                        <span class="phone-c1">Redmi K50</span>
                        <span class="phone-c2">2K直屏的狠旗舰</span>
                        <span class="price">2399元起 </span>
                    </a>
                </li>
                <li class="phone-nav2-li">
                    <a href="https://www.mi.com/redmik40s">
                        <img src="../image/pic5.png">
                        <span class="phone-c1">Redmi K40S</span>
                        <span class="phone-c2">口碑真旗舰</span>
                        <span class="price">1799元起 </span>
                    </a>
                </li>
                <li class="phone-nav2-li">
                    <a href="https://www.mi.com/redmik50g">
                        <img src="../image/pic6.png">
                        <span class="phone-c1">Redmi K50 电竞版</span>
                        <span class="phone-c2">全线拉满的冷血旗舰</span>
                        <span class="price2">2999元起 </span>
                        <span class="price1">3299元</span>
                    </a>
                </li>
                <li class="phone-nav2-li">
                    <a href="https://www.mi.com/mi12pro">
                        <img src="../image/pic7.png">
                        <span class="phone-c1">Xiaomi 12 Pro</span>
                        <span class="phone-c2">全新骁龙8｜2K AMOLED屏幕</span>
                        <span class="price">4699元起 </span>
                    </a>
                </li>
                <li class="phone-nav2-li">
                    <a href="https://www.mi.com/mi12">
                        <img src="../image/pic8.png">
                        <span class="phone-c1">Xiaomi 12</span>
                        <span class="phone-c2">全新骁龙8｜5000万主摄</span>
                        <span class="price">3699元起 </span>
                    </a>
                </li>
            </ul>
      
    </div>
<!-- 智能穿戴 -->
<div class="wear-top">
    <span class="phone-s1" id="wear-s1">智能穿戴</span>
<div class="wear-nav1">
    <li class="wear-nav1-li1">
    <span class="wear-s2a" id="current-s1">热门</span>
    <div class="underline" id="under1"></div>
    </li>
    <li class="wear-nav1-li2">
 <span class="wear-s2b" >穿戴</span>
        <div class="underline" id="under2"></div>
    </li>
</div>
</div>
<!-- 智能穿戴下面的盒子 -->
    <div class="wear-banner1">
        <a href="https://www.mi.com/xiaomiwatchcolor2">
            <img src="../image/xiaomi手表.png">
        </a>
    </div>
    <!-- 热门对应的盒子 -->
    <div class="wearwrapper1" id="wear-wrapper1"> 
        <ul class="wear-nav2">
            <li class="phone-nav2-li" id="wear-li1">
                <a href="https://www.mi.com/xiaomiwatchs1">
                    <img src="../image/r-pic1.png">
                    <span class="phone-c1">Xiaomi Watch S1</span>
                    <span class="phone-c2">腕事俱备</span>
                    <span class="price2">1049元起 </span>
                    <span class="price1">1099元 </span>
                </a>
            </li>
            <li class="phone-nav2-li" id="wear-li1">
                <a href="https://www.mi.com/xiaomibuds3">
                    <img src="../image/r-pic2.png">
                    <span class="phone-c1">Xiaomi真无线降噪耳机3</span>
                    <span class="phone-c2">静听好声音</span>
                    <span class="price2">399元 </span>
                    <span class="price1">499元 </span>
                </a>
            </li>
            <li class="phone-nav2-li" id="wear-li1">
                <a href="https://www.mi.com/redmiwatch2">
                    <img src="../image/r-pic3.png">
                    <span class="phone-c1">Redmi 手表 2</span>
                    <span class="phone-c2">AMOLED高清大屏</span>
                    <span class="price2">379元 </span>
                    <span class="price1">399元 </span>
                </a>
            </li>
            <li class="phone-nav2-li" id="wear-li1">
                <a href="https://www.mi.com/shouhuan6/nfc">
                    <img src="../image/r-pic4.png">
                    <span class="phone-c1">小米手环6 NFC版</span>
                    <span class="phone-c2">全屏实力</span>
                    <span class="price2">239元 </span>
                    <span class="price1">279元 </span>
                </a>
            </li>
            <li class="phone-nav2-li" id="wear-li1">
                <a href="https://www.mi.com/xiaomibuds3pro">
                    <img src="../image/r-pic5.png">
                    <span class="phone-c1">Xiaomi 真无线降噪耳机 3Pro</span>
                    <span class="phone-c2">动态降噪 静听曼妙</span>
                    <span class="price2">649元 </span>
                    <span class="price1">699元</span>
                </a>
            </li>
            <li class="phone-nav2-li" id="wear-li1">
                <a href="https://www.mi.com/buy/detail?product_id=14903">
                    <img src="../image/r-pic6.png">
                    <span class="phone-c1">Redmi Buds 3半入耳真无线蓝牙耳机</span>
                    <span class="phone-c2">轻巧半入耳，舒适有天分</span>
                    <span class="price">179元 </span>
                </a>
            </li>
            <li class="phone-nav2-li" id="wear-li1">
                <a href="https://www.mi.com/buy/detail?product_id=15217">
                    <img src="../image/r-pic7.png">
                    <span class="phone-c1">Redmi Buds 3 青春版</span>
                    <span class="phone-c2">轻巧无线 持久动听</span>
                    <span class="price">99元 </span>
                </a>
            </li>
            <li class="wear-li1a">
                <a href="https://www.mi.com/search?keyword=%E6%89%8B%E8%A1%A8%E6%89%8B%E7%8E%AF">
                <span class="watch-1">浏览更多</span>
                <span class="watch-2">热门</span>
                <img src="../image/右箭头3.png" alt="图标">
            </a>
            </li>
        </ul>
        <!-- 穿戴对应的盒子 -->
        <ul class="wear-nav3">
          
            <li id="wear-nav3-lia">
                <a href="https://www.mi.com/shouhuan6">
                    <img src="../image/c-pic1.png">
                    <span class="phone-c1">小米手环6</span>
                    <span class="phone-c2">全屏实力</span>
                    <span class="price2">199元 </span>
                    <span class="price1">229元</span>
                </a>
            </li>
            <li id="wear-nav3-lib">
                <a href="https://www.mi.com/shouhuan5/nfc">
                    <img src="../image/c-pic2.png">
                    <span class="phone-c1">小米手环5 NFC版</span>
                    <span class="phone-c2">多功能NFC 11种运动模式</span>
                    <span class="price2">189元 </span>
                    <span class="price1">229元 </span>
                </a>
            </li>
            <li id="wear-nav3-lic">
                <a href="https://www.mi.com/buy/detail?product_id=13568">
                    <img src="../image/c-pic3.png">
                    <span class="phone-c1">Redmi AirDots 3真无线蓝牙耳机</span>
                    <span class="phone-c2">圈铁音质，超长续航</span>
                    <span class="price2">169元 </span>
                    <span class="price1">199元</span>
                </a>
            </li>
            <li id="wear-nav3-lid" >
                <a href="https://www.mi.com/buy/detail?product_id=12036">
                    <img src="../image/c-pic4.png">
                    <span class="phone-c1">小米真无线蓝牙耳机Air2 SE</span>
                    <span class="phone-c2">放肆用，畅快听</span>
                    <span class="price2">129元</span>
                    <span class="price1">169元</span>
                </a>
            </li>
            <li class="wear-li1a" id="wear-nav3-li1">
                <a href="https://www.mi.com/p/9289.html">
                <span class="watch-1">浏览更多</span>
                <span class="watch-2">穿戴</span>
                <img src="../image/右箭头3.png" alt="图标">
            </a>
            </li>
        </ul>
    </div>

<!-- </div> -->
<!-- 最下方的维修栏 -->
<div class="footer-wrapper">
    <!-- 服务栏 -->
    <div class="footer-service">
        <ul class="footer-service-nav">
            <li class="service-li" id="service-li1">
                <a href="https://www.mi.com/service/quick-repair">
                   <img src="../image/售后服务1.png" class="static1">
                   <img src="../image/售后服务.png" class="hover1">
                   <span class="service-s" id="service-s2">预约维修服务</span>
                </a>
            </li>
            <li class="h"></li>
            <li class="service-li">
                <a href="https://www.mi.com/service/exchange#back">
                    <img src="../image/circle-7.png" alt="图标" class="static1">
                    <img src="../image/ciecle-7.png" alt="图标" class="hover1">
                    <span class="service-s" >7天无理由退货</span>
                </a>
            </li>
            <li class="h"></li>
            <li class="service-li">
                <a href="https://www.mi.com/service/exchange#back">
                    <img src="../image/circle-15.png" alt="图标" class="static1">
                    <img src="../image/circle-151.png" alt="图标" class="hover1">
                    <span class="service-s">15天免费换货</span>
                </a>
            </li>
            <li class="h"></li>
            <li class="service-li">
                <a href="https://www.mi.com/service/buy/Postal%20policy">
                    <img src="../image/礼物 活动.png" alt="图标" class="static1">
                    <img src="../image/礼物 活动 (1).png" alt="图标" class="hover1">
                    <span class="service-s" >满69元包邮</span>
                </a>
            </li>
            <li class="h"></li>
            <li class="service-li" id="service-last">
                <a href="https://www.mi.com/service/sitelist">
                    <img src="../image/定位 1.png" alt="图标" class="static1">
                    <img src="../image/定位.png" alt="图标" class="hover1">
                    <span class="service-s" >520余家售后网点</span>
                </a>
            </li>
        </ul>
    </div>
    <div class="footer-banner">
            <!-- 帮助中心 盒子-->
        <ul class="footer-banner-nav1">
            <li>
            <span class="footer-s">帮助中心</span>
            </li>
            <li>
                <a href="#">
                    <span class="footer-s1">账户管理</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="footer-s1">购物中心</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="footer-s1">订单操作</span>
                </a>
            </li>
        </ul>
        <!-- 服务支持 -->
        <ul class="footer-banner-nav2">
            <li>
                <span class="footer-s">服务支持</span>
            </li>
            <li>
                <a href="#">
                    <span class="footer-s1">售后政策</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="footer-s1">自助服务</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="footer-s1">相关下载</span>
                </a>
            </li>
        </ul>
          <!-- 线下门店 -->
          <ul >
            <li>
               <span class="footer-s">线下门店</span>
            </li>
            <li>
                <a href="#">
                    <span class="footer-s1">小米之家</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="footer-s1">服务网点</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="footer-s1">授权体验店/专区</span>
                </a>
            </li>
        </ul>
        <!-- 关于小米 -->
        <ul >
            <li>
               <span class="footer-s">关于小米</span>
            </li>
            <li>
                <a href="#">
                    <span class="footer-s1">了解小米</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="footer-s1">加入小米</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="footer-s1">投资者关系</span>
                </a> 
              </li>
                <li>
                    <a href="#">
                        <span class="footer-s1">企业社会责任</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="footer-s1">廉洁举报</span>
                    </a>
                </li>
         </ul>
            
        <!-- 关注我们 -->
        <ul class="footer-banner-nav5">
            <li>
               <span class="footer-s">关注我们</span>
            </li>
            <li>
                <a href="#">
                    <span class="footer-s1">新浪微博</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="footer-s1">官方微信</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="footer-s1">联系我们</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="footer-s1">公益基金会</span>
                </a>
            </li>
        </ul>
        <!-- 特色服务-->
        <ul class="footer-banner-nav6">
            <li>
               <span class="footer-s">特色服务</span>
            </li>
            <li>
                <a href="#">
                    <span class="footer-s1">F码通道</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="footer-s1">礼物码</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="footer-s1">防伪查询</span>
                </a>
            </li>
         
        </ul>
        <!-- 电话号码栏目 -->
        <div class="footer-banner1">
            <span class="footer-phone">400-100-5678</span>
            <span class="footer-time">8:00-18:00 (仅收市话费)</span>
        <div class="footer-handle-service">
            <a href="#">
            <img src="../image/消息框.png" alt="图标" class="static2">
            <img src="../image/消息框 (1).png" alt="图标" class="hover2">
            <span >人工客服</span></a>
        </div>
        <!-- 关注小米 -->
        <ul class="footer-attention">
            <li><span>关注小米：</span>
            </li>
            <li id="weibo">
                <a href="#"><img src="../image/微博.png" class="static3">
                <img src="../image/微博 (1).png" class="hover3"></a>
        </li>
        <li id="weixin-li">
            <a href="#"><img src="../image/微信.png" class="static3">
            <img src="../image/微信 (1).png" class="hover3"></a>
          <!-- 微信图标的鼠标移入二维码 -->
          <div class="weixin">
            <img src="../image/wx-img.png">
                    </div>
        </li>
        </ul>
  
        </div>
    </div>
</div>
<!-- 底部小米信息 -->
<div class="last-box">
<div class="last-logo">
    <img src="../image/logo-mi2.png">
</div>
<div class="last-banner">
    <ul class="last-nav1">
        <li class="last-nav-lis">
    <a href="#">
        <span>小米商城</span>
    </a>
        </li>
        <li class="last-nav-lis">
            <a href="#">
                <span>MIUI</span>
            </a>
        </li>
        <li class="last-nav-lis">
            <a href="#">
                <span>米家</span>
            </a>
        </li>
        <li class="last-nav-lis">
            <a href="#">
                <span>米聊</span>
            </a>
        </li>
        <li class="last-nav-lis">
            <a href="#">
                <span>多看</span>
            </a>
        </li>
        <li class="last-nav-lis">
            <a href="#">
                <span>游戏</span>
            </a>
        </li>
        <li class="last-nav-lis">
            <a href="#">
                <span>政企服务</span>
            </a>
        </li>
        <li class="last-nav-lis">
            <a href="#">
                <span>小米天猫店</span>
            </a>
        </li>
        <li class="last-nav-lis">
            <a href="#">
                <span>小米集团隐私政策</span>
            </a>
        </li>
        <li class="last-nav-lis">
            <a href="#">
                <span>小米公司儿童信息保护规则</span>
            </a>
        </li>
        <li class="last-nav-lis">
            <a href="#">
                <span>小米商城隐私政策</span>
            </a>
        </li>
        <li class="last-nav-lis">
            <a href="#">
                <span>小米商城用户协议</span>
            </a>
        </li>
        <li class="last-nav-lis">
            <a href="#">
                <span>问题反馈</span>
            </a>
        </li>
        <li class="last-nav-lis" id="last-nav1-li">
            <a href="#">
                <span>SelectLocation</span>
            </a>
        </li>
    </ul>
    <ul class="last-nav2">
        <li class="last-nav-lis">
            <a href="#">
                <span>北京互联网法院法律服务工作站</span>
            </a>
        </li>
        <li class="last-nav-lis">
            <a href="#">
                <span>中国消费者协会</span>
            </a>
        </li>
        <li class="last-nav-lis" id="last-nav1-li">
            <a href="#">
                <span>北京市消费者协会</span>
            </a>
        </li>
    </ul>
    <ul class="last-nav3">
        <li>
            <span>©</span>
        </li>
        <li class="last-nav-lis" id="n">
            <a href="#"><span>mi.com</span></a>
        </li>
        <li>
            <span>京ICP证110507号</span>
        </li>
        <li class="last-nav-lis" id="n">
            <a href="#">
            <span> 京ICP备10046444号</span></a>
        </li>
        <li class="last-nav-lis" id="n">
            <a href="#">
            <span>京公网安备11010802020134号</span></a>
        </li>
        <li class="last-nav-lis" id="n">
            <a href="#">
            <span> 京网文[2020]0276-042号</span></a>
        </li>
    </ul>
    <ul class="last-nav4">
        <li class="last-nav-lis" id="n">
            <a href="#"><span>（京）网械平台备字（2018）第00005号</span></a>
        </li>

        <li class="last-nav-lis" id="n">
            <a href="#">
            <span> 互联网药品信息服务资格证 (京)-非经营性-2014-0090</span></a>
        </li>
        <li class="last-nav-lis" id="n">
            <a href="#">
            <span>营业执照 </span></a>
        </li>
        <li class="last-nav-lis" id="n">
            <a href="#">
            <span>  医疗器械质量公告</span></a>
        </li>
    </ul>
    <ul class="last-nav5">
        <li class="last-nav-lis" id="n">
            <a href="#"><span>增值电信业务许可证</span></a>
        </li>
        <li>
            <span> 网络食品经营备案</span>
        </li>
        <li>
            <span> 京食药网食备202010048</span>
        </li>
        <li class="last-nav-lis" id="n">
            <a href="#">
            <span>  食品经营许可证</span></a>
        </li>
    </ul>
    <ul class="last-nav6">
        <li>
            <span> 违法和不良信息举报电话：171-5104-4404</span>
        </li>
        <li class="last-nav-lis" id="n">
            <a href="#">
            <span>  知识产权侵权投诉</span></a>
        </li>
        <li>
            <span>本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</span>
        </li>
    </ul>
    <ul class="last-nav7">
        <li>
            <a href="https://privacy.truste.com/privacy-seal/validation?rid=4fc28a8c-6822-4980-9c4b-9fdc69b94eb8&lang=zh-cn">
                <img src="../image/隐私认证.png">
            </a>
        </li>
        <li>
            <a href="https://credit.cecdc.com/CX20120926001783002010.html">
                <img src="../image/诚信网站.png">
            </a>
        </li>
        <li>
            <a href="https://xyt.xinchacha.com/pcinfo?sn=523009637759455232&certType=6">
                <img src="../image/可信网站.png">
            </a>
        </li>
        <li>
            <a href="https://www.mi.com/service/buy/commitment">
                <img src="../image/诚信经营.png">
            </a>
        </li>
        <div class="last-box1">
            <ul class="last-box1-nav">
                <li>
                    <a href="#">
                    <img src="../image/服务天数.png" >
                </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../image/网站安全.png" >
                    </a>
                </li>
            </ul>
        </div>
    </ul>
</div>
<div class="last-box2">
    <span>让全球每个人都能享受科技带来的美好生活</span>
</div>
</div>

     <script src="../js/移动函数.js"></script>
 <script src="../js/Mi.js"></script>
 
</body>

</html>